<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./jquery-3.6.0.min.js" defer></script>
    <script src="./js.js" defer></script>
    <title>Document</title>
</head>
<body>

    <!-- ## HTML练习题一 -->
    <!-- HTML结构 -->

        <!-- <div id="test-div">
            <p id="test-js">javascript</p>
            <p>Java</p>
        </div> -->




    <!-- ## HTML练习题二 -->
    <!-- HTML结构 -->
        <!-- <ol id="test-list">
            <li class="lang" id='yyy'>Scheme</li>
            <li class="lang" >JavaScript</li>
            <li class="lang">Python</li>
            <li class="lang">Ruby</li>
            <li class="lang">Haskell</li>
        </ol> -->


    <!-- ## HTML练习题三 -->
    <!-- HTML结构 -->
        <!-- <ul id="test-list">
            <li>JavaScript</li>
            <li>Swift</li>
            <li>HTML</li>
            <li>ANSIC</li>
            <li>CSS</li>
            <li>DirectX</li>
        </ul> -->
    


    <!-- ## HTML练习题四 -->
    <!-- HTML结构 -->
        <!-- <div id="test-div">
            <div class="c-red">
                <p id="test-p">JavaScript</p>
                <p>Java</p>
            </div>
            <div class="c-red c-green">
                <p>Python</p>
                <p>Ruby</p>
                <p>Swift</p>
            </div>
            <div class="c-green">
                <p>Scheme</p>
                <p>Haskell</p>
            </div>
        </div> -->

    <!-- ## HTML练习题五 -->
    <!-- HTML结构 -->
            <!-- <form id="test-register" action="#" target="_blank" onsubmit="return checkRegisterForm()">
                <p id="test-error" style="color:red"></p>
                <p>
                    用户名: <input type="text" id="username" name="username">
                </p>
                <p>
                    口令: <input type="password" id="password" name="password">
                </p>
                <p>
                    重复口令: <input type="password" id="password-2">
                </p>
                <p>
                    <button type="submit">提交</button> <button type="reset">重置</button>
                </p>
            </form> -->




<!-- ## HTML练习题六 -->
<!-- HTML结构 -->

                <div id="test-jquery">
                    <p id="para-1" class="color-red">JavaScript</p>
                    <p id="para-2" class="color-green">Haskell</p>
                    <p class="color-red color-green">Erlang</p>
                    <p name="name" class="color-black">Python</p>
                    <form class="test-form" target="_blank" action="#0" onsubmit="return false;">
                        <legend>注册新用户</legend>
                        <fieldset>
                            <p><label>名字: <input name="name"></label></p>
                            <p><label>邮件: <input name="email"></label></p>
                            <p><label>口令: <input name="password" type="password"></label></p>
                            <p><button type="submit">注册</button></p>
                        </fieldset>
                    </form>
                </div>





    
</body>
</html>